<template>
	<div class="wrapper">
		<el-card shadow="hover" class="box-card" :body-style="{ padding: '20px' }">
			<div slot="header">
				<span>情报聚合</span>
			</div>
			<!-- card body -->
			<el-table :data="tableData" border stripe>
				<el-table-column label="序号" width="120">
					<template slot-scope="scope">
						{{ scope.$index + 1 }}
					</template>
				</el-table-column>
				<el-table-column v-for="col in columns" :prop="col.id" :key="col.id" :label="col.label" :width="col.width"> </el-table-column>
			</el-table>
		</el-card>
	</div>
</template>

<script>
export default {
	components: {},
	props: {
		tableData: Array,
	},
	data() {
		return {
			columns: [
				{ label: '报告名称', id: 'refer_name' },
				{ label: 'APT标签', id: 'apt_name' },
				{ label: '发布时间', id: 'up_time' },
				{ label: '报告链接', id: 'link' },
			],
		}
	},
	watch: {},
	computed: {},
	methods: {},
	created() {},
	mounted() {},
}
</script>
<style lang="less" scoped>
.wrapper {
}
</style>
